<jsp:include page="menu.jsp"></jsp:include>

<div id="page-wrapper">
	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header">Registro de Queja</h1>
		</div>
		<!-- /.col-lg-12 -->
	</div>
	<!-- /.row -->


	<p></p>
	<form method="post" name ="fQuejaNew" id ="fQuejaNew" action="QuejaInsertaServlet" class="form-horizontal">
		<div class="form-group">
			<label for="lbidqueja" class="col-sm-2 control-label">Id
				Queja:</label>
			<div class="col-sm-2">
				<input type="text" class="form-control" id="txidqueja" name="txidqueja"
					placeholder="" readonly>
			</div>
		</div>
		<div class="form-group">
			<label for="lbfechaqueja" class="col-sm-2 control-label">Fecha
				queja:</label>
			<div class="col-sm-2">
				<input type="date" class="form-control" id="txfechaqueja" name="txfechaqueja" readonly>
			</div>
		</div>
		<div class="form-group">
			<label for="lbResidente" class="col-sm-2 control-label">Residente:</label>
			<div class="col-sm-6" selectContainer>
				<select id="ltresidente" name="ltresidente" class="form-control">
					<%@page import="java.util.*, upc.condominio.modelo.Residente, etm.negocio.GestionResidente" %>
					<%
					GestionResidente negocio = new GestionResidente() ;
					Collection<Residente> arreglo = negocio.listar() ;
					if(arreglo != null) { 
						for(Residente x : arreglo) {
					%>
					<option value="<%= x.getIdResidente() %>"> <%=  x.getNombres() + "," + x.getApePaterno() + " " + x.getApeMaterno() %> </option>
					<% 	}
					}
					%>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label for="lbTipo" class="col-sm-2 control-label">Tipo</label>
			<div class="col-sm-2" selectContainer>
				<select id="ltipo" name="lttipo" class="form-control">
					<%@page import="java.util.*, upc.condominio.modelo.TipoQueja, etm.negocio.GestionTipoQueja" %>
					<%
					GestionTipoQueja negTipoQueja = new GestionTipoQueja() ;
					Collection<TipoQueja> arregloTipoQueja = negTipoQueja.listar() ;
					if(arreglo != null) { 
						for(TipoQueja x : arregloTipoQueja) {
					%>
					<option value="<%= x.getIdTipoQueja() %>"> <%=  x.getDescripcion() %> </option>
					<% 	}
					}
					%>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label for="lbmotivo" class="col-sm-2 control-label">motivo</label>
			<div class="col-sm-3">
				<textarea class="form-control" rows="2" id="txmotivo" name="txmotivo" placeholder="motivo"></textarea>
			</div>
		</div>
		<div class="form-group">
			<label for="lbdescripcion" class="col-sm-2 control-label">Descripci&oacute;n:</label>
			<div class="col-sm-6">
				<textarea class="form-control" rows="3" id="txdescripcion"  name="txdescripcion" placeholder="descripci&oacute;n"></textarea>
			</div>
		</div>
		<div class="form-group">
			<label for="lbestado" class="col-sm-2 control-label">Estado</label>
			<div class="col-sm-3">
				<input type="text" class="form-control" id="txestado" name="txestado" readonly
					placeholder="" value="PENDIENTE">
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button class="btn btn-primary" type="submit">Aceptar</button>
				<a class="btn btn-default" href="QuejaLista.jsp" role="button">Cancelar</a>
			</div>
		</div>
<!-- 		<div class="alert alert-danger" id="myAlert"> -->
<!-- 			<a href="#" class="close" data-dismiss="alert">&times;</a> <strong>Error</strong> -->
<!-- 			Se presento un problema. -->
<!-- 		</div> -->
	</form>

</div>

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.10.2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap-3.1.1.js"></script>

	<script type="text/javascript">
  
		var date = new Date();
		var day = date.getDate();
		var month = date.getMonth() + 1;
		var year = date.getFullYear();
		if (month < 10) month = "0" + month;
		if (day < 10) day = "0" + day;
		var today = year + "-" + month + "-" + day;
		
		document.getElementById('txfechaqueja').value = today;
		
	</script>
	
</body>
</html>